<!-- 前端页面实现 --> 
<!-- 模板文件 -->
<!-- 继承blog/base.html 文件 --> 
{% extends "blog/base.html" %} 
<!-- 加载自定义标签 --> 
{% load blog_tags %}
<!-- 使用此处标题块内容替换blog/base.html文件中标题块 --> 
{% block title %}My Blog{% endblock %} 
<!-- 使用此处内容块代码替换blog/base.html文件中内容块--> 
{% block content %} 
  <h1>My Blog</h1>
  <!-- 如果要根据标签过滤显示文章则显示此信息 --> 
  {% if tag %} 
    <h2>Posts tagged with "{{ tag.name }}"</h2> 
  {% endif %} 
  {% for post in posts %} 
      <!--Post模型提供的一个方法，可以自动获取当前博客的链接--> 
      <h2><a href="{{ post.get_absolute_url }}">{{ post.title }}</a></h2> 
      <!-- 显示此文章所有标签 --> 
      <p class="tags"> 
      Tags: 
      {% for tag in post.tags.all %} 
          <!-- 每个标签都是一个链接，点击即可过滤含有此标签的文章进行显示 --> 
          <a href="{% url "blog:post_list_by_tag" tag.slug %}"> 
          {{ tag.name }} 
          </a> 
          <!-- 若不是最后一个标签显示逗号 --> 
          {% if not forloop.last %}, {% endif %} 
      {% endfor %} 
        </p> 
        <p class="date">Published {{ post.publish }} by {{ post.author }}</p> 
        <p>{{ post.body|markdown|truncatewords_html:30 }} </p> 
  {% endfor %} 
  <!-- 引入分页模板 --> 
  {% include "pagination.html" with page=posts %} 
{% endblock %} 